<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>风景美如画</title>
	</head>
	<body>
		<p style="text-align: center;color: red;"><b>焰灵姬</b></p>
		<ul><img id="big" src="img/1.jpg" width="1080px" /></ul>
		<ul style="display: block;">
				<a title="yuanada" href="#"><img id="small1" src="img/1.jpg" width="208px" onclick="changeImg(id)" /></a>
				<img id="small2" src="img/2.jpg" width="208px" onclick="changeImg(id)"/>	
				<img id="small3" src="img/3.jpg" width="208px" onclick="changeImg(id)"/>
				<img id="small4" src="img/4.jpg" width="208px" onclick="changeImg(id)"/>
				<img id="small5" src="img/5.jpg" width="208px" onclick="changeImg(id)"/>
		<script>
			function changeImg(id){
				var big=document.getElementById("big");
				var temp=document.getElementById(id);
				big.setAttribute('src',temp.src);
			}
			var a=1.51,b=1.6;
			console.log(a+b);
		</script >
		</ul>
	</body>
</html>
